﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>JQuery Search Tip plugin ShowCase</title>
    <link rel="stylesheet" type="text/css" href="css/search.css" />

    
    <link rel="stylesheet" type="text/css" href="jquery.cstip.css" />
    <link rel="stylesheet" type="text/css" href="main.css" />



    <script type="text/javascript" src="jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="jquery.cstip.js"></script>


     <script type="text/javascript">
		$(function(){
			BT_setOptions({openWait:250, closeWait:0, cacheEnabled:false});
		})
		
     </script>


</head>
<body>
    <div style="background-color: #332b22;">
        <img src="Pictures/msw_logo_searchcenter.png" alt="msw" style="margin-left: 120px;
            border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;" />
    </div>
    <table>
        <tr>
            <td class="srchctr_leftcell">
                <div class="srch-WPBody ms-searchref-main">
                    <div class="ms-searchref-categoryname">
                        Result Type</div>
                    <ul class="ms-searchref-filters">
                        <li class="ms-searchref-filter ms-searchref-selected"><a title="Refine By: Any Result Type"
                            class="ms-searchref-filterlink" href="">Any Result Type</a> </li>
                        <li class="ms-searchref-filter ms-searchref-unselected">
                        <a title="Refine By: Web Page" class="ms-searchref-filterlink" href="">Web Page</a>
                        <span class="ms-searchref-count"> (1) </span>
                        </li>
                    </ul>
                </div>
            </td>
            <td>

<a id="a1" href="AjaxServer.aspx?postid='this is selected Post 1 ID'&width=300" class="cstip" title="$none">
                 </a> 
                 <div class="tip">
                    <table>
                        <tr>
                            <td>
                                <div>
                                    <img alt="" src="Pictures/NTDEV_kirillt_MThumb.jpg" class="srch-Picture" />
                                </div>
                            </td>
                            <td style="vertical-align: top; ">
                                <span class="srch-BBTitle"><a href="http://msw">John Doe(@jodoe)</a> </span>
                                <div class="srch-BB-Description2">
                                    Find information about Microsoft's rich and vibrant culture, and the history of
                                    the company that is unique in American business.
                                </div>
                                <div class="srch-BB-URL3">
                                    <span class="srch-BB-URL2">5 hours ago via web | 1 Reply</span>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
              


<a id="a2" href="AjaxServer.aspx?postid='this is selected Post 2 ID'&width=300" class="cstip" title="$none" style="text-decoration:none">
                <div>
                    <table>
                        <tr>
                            <td>
                                <div>
                                    <img alt="" src="Pictures/NTDEV_kirillt_MThumb.jpg" class="srch-Picture"  border="none" />
                                </div>
                            </td>
                            <td style="vertical-align: top; ">
                                <span class="srch-BBTitle"><a href="http://msw">John Doe(@jodoe)</a> </span>
                                <div class="srch-BB-Description2">
                                    Find information about Microsoft's rich and vibrant culture, and the history of
                                    the company that is unique in American business.
                                </div>
                                <div class="srch-BB-URL3">
                                    <span class="srch-BB-URL2">5 hours ago via web | 1 Reply</span>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
</a>

<a id="a3" href="AjaxServer.aspx?postid='this is selected Post 3 ID'&width=300" class="cstip" title="$none">
                <div>
                    <table>
                        <tr>
                            <td>
                                <div>
                                    <img alt="" src="Pictures/NTDEV_kirillt_MThumb.jpg" class="srch-Picture" />
                                </div>
                            </td>
                            <td style="vertical-align: top;">
                                <span class="srch-BBTitle"><a href="http://msw">MSCom: Microsoft Worldwide</a> </span>
                                <div class="srch-BB-Description2">
                                    Find information about Microsoft's rich and vibrant culture, and the history of
                                    the company that is unique in American business.
                                </div>
                                <div class="srch-BB-URL3">
                                    <span class="srch-BB-URL2">http://www.microsoft.com/worldwide/default.aspx</span>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
</a>

<a id="a4" href="AjaxServer.aspx?postid='this is selected Post 4 ID'&width=300" class="cstip" title="$none">
                <div>
                    <table>
                        <tr>
                            <td>
                                <div>
                                    <img alt="" src="Pictures/NTDEV_kirillt_MThumb.jpg" class="srch-Picture" />
                                </div>
                            </td>
                            <td style="vertical-align: top;">
                                <span class="srch-BBTitle"><a href="http://msw">MSCom: Microsoft Worldwide</a> </span>
                                <div class="srch-BB-Description2">
                                    Find information about Microsoft's rich and vibrant culture, and the history of
                                    the company that is unique in American business.
                                </div>
                                <div class="srch-BB-URL3">
                                    <span class="srch-BB-URL2">http://www.microsoft.com/worldwide/default.aspx</span>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
</a>
            </td>
        </tr>
    </table>
</body>
</html>
